<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增状态标签</title>
    <style>
      progress {
        width: 400px;
      }
    </style>
</head>
<body>
<!-- 已知状态量的测量 -->
  <span>充电电量:</span>
<!-- min最小电量 max最大电量 high比较高的范围 low比较低的范围 optimum舒适范围  value实际值-->
  <meter max="100" min="0" high="20" low="10" optimum="90" value="90"></meter>
  <br>
<!-- 百分比标签-->
  <span>任务进度:</span>
<!-- max最大进度 value实际值 可以通过css修改其宽度-->
  <progress max="100" value="29"></progress>

</body>
</html>